<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        //Date()  日期对象  一个构造函数  返回的是一个日期对象  里面是年月日 时分秒
        //let  a = new Date()  //用new创建的叫做构造函数
        //a 就是日期对象  
        let time = new Date()
        console.log(time);
        // setInterval(function(){
        //     let  time = new Date()
        //     console.log(time);
        // },1000)

        //年月日  
        // 如何从日期对象中解析出年月日
        let y = time.getFullYear();  //获取日期对象的年份
        console.log(y);
        // let m = time.getMonth()+1 //获取日期对象的 月份  注意要加 1 因为从零开始
        let m = time.getMonth() + 1 < 10 ? "0" + (time.getMonth() + 1) : time.getMonth() + 1
        //上面因为有时候需要 06这种格式 所以我们这里做判断  小于10 拼接 0 大于10或等于不拼接

        console.log(m);

        let d = time.getDate()  //获取日期 的 日
        console.log(d);

        let w = time.getDay()  //代表周几  周天是0   区间为0 - 6
        console.log(w);


        //时分秒
        let h = time.getHours() //获取小时
        let minu = time.getMinutes() //获取分钟
        let s = time.getSeconds() //获取秒
        console.log(`${h}:${minu}:${s}`);


        function fun() {
            let time = new Date()
            // let y = time.getFullYear()
            // let m = time.getMonth() + 1 < 10 ? "0" + (time.getMonth() + 1) : time.getMonth() + 1
            // let d = time.getDate()
            // let w = time.getDay()
            let h = time.getHours() < 10?"0"+(time.getHours()):time.getHours()
            let minu = time.getMinutes()<10?"0"+(time.getMinutes()):time.getMinutes()
            let s = time.getSeconds()<10?"0"+(time.getSeconds()):time.getSeconds()
            console.log(`${h}:${minu}:${s}`);
        }
        setInterval(fun,1000)
    </script>
</body>

</html>